﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<script language="javascript" type="text/javascript" src="../scripts/jquery/jquery-1.9.1.js"></script>
<script language="javascript" type="text/javascript" src="../scripts/plugins/headjs/head.min.js"></script>
<script language="javascript" type="text/javascript" src="../scripts/plugins/wookmark/jquery.wookmark.js"></script>
    <title></title>
	<script type="text/javascript">
		$(function(){
						
			$("#album-title").on("mouseover",function(){
				$(".album-title").fadeIn(700);
			}).on("mouseleave", function(){
				$(".album-title").fadeOut(600);
			});
		});
    </script>
</head>
<body>
	<div class="page-title">Albums</div>
	<div id="album-container">
        <div id="album-title" class="float-left" style="width: 160px;height:160px; background-image:url(../images/albums/AaronSugarPrenupWedding/00.png)">
			<div style="padding-top:119px;">
        		<div class="album-title">Sample A sample</div>
            </div>
        </div>
        <div class="float-left" style="padding-left:33px;"><img src="../images/albums/AaronSugarPrenupWedding/00.png" width="160" height="160"/></div>
        <div class="float-left" style="padding-left:33px;"><img src="../images/albums/AaronSugarPrenupWedding/00.png" width="160" height="160"/></div>
        <div class="float-left" style="padding-left:33px;"><img src="../images/albums/AaronSugarPrenupWedding/00.png" width="160" height="160"/></div>
        <div class="clear-both"></div>
    </div>
</body>
</html>
